<template>
    <IframeLayout :iframeSrc="iframeSrc">
    </IframeLayout>
</template>
  
<script lang="ts" setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router';
import { getSysToken } from '@/utils/user';
import IframeLayout from '@/layout/Iframe.vue';

const route = useRoute();
const { VITE_APP_USER_CENTER, VITE_APP_CLIENT_ID } = import.meta.env;
console.log(VITE_APP_USER_CENTER, VITE_APP_CLIENT_ID);
const accessToken = getSysToken() as string;
console.log('accessToken', accessToken);
// eslint-disable-next-line max-len
const iframeSrc = computed(() => `${VITE_APP_USER_CENTER}${route.meta.link}?token=${accessToken}&clientId=${VITE_APP_CLIENT_ID}`)
console.log(iframeSrc);

</script>
<script lang="ts">
export default {
    name: 'SystemSettings'
}
</script>
  
<style lang="scss" scoped>

</style> 